<template>
	<view class="">
		<titleBar title="隐私政策和用户协议" :isSubPage="true"></titleBar>
		<view class="container">
			<view class="tabs">
				<view class="tab" :class="{ active: activeTab === 'privacy' }" @click="activeTab = 'privacy'">隐私政策
				</view>
				<view class="tab" :class="{ active: activeTab === 'terms' }" @click="activeTab = 'terms'">用户协议</view>
			</view>

			<scroll-view class="content-scroll" scroll-y>
				<!-- 隐私政策内容 -->
				<view v-if="activeTab === 'privacy'" class="content">
					<view class="title">隐私政策</view>

					<view class="section">
						<view class="section-title">引言</view>
						<view class="paragraph">
							欢迎使用我们的服务。本隐私政策旨在帮助您了解我们如何收集、使用、存储和保护您的个人信息，以及您对这些信息所拥有的权利。
						</view>
					</view>

					<view class="section">
						<view class="section-title">信息收集</view>
						<view class="paragraph">
							我们可能收集的个人信息包括但不限于：
						</view>
						<view class="list">
							<view class="list-item">
								<text class="bold">基本信息：</text>姓名、联系方式、电子邮件地址等
							</view>
							<view class="list-item">
								<text class="bold">账户信息：</text>用户名、密码（加密存储）、账户设置等
							</view>
							<view class="list-item">
								<text class="bold">使用数据：</text>您使用我们服务的方式、时间和频率等信息
							</view>
							<view class="list-item">
								<text class="bold">设备信息：</text>设备类型、操作系统、浏览器类型、IP地址等
							</view>
							<view class="list-item">
								<text class="bold">位置信息：</text>基于IP地址或GPS的大致位置信息（如您授权）
							</view>
						</view>
					</view>

					<view class="section">
						<view class="section-title">信息使用</view>
						<view class="paragraph">
							我们可能将收集到的信息用于：
						</view>
						<view class="list">
							<view class="list-item">提供、维护和改进我们的服务</view>
							<view class="list-item">处理您的交易和请求</view>
							<view class="list-item">发送服务通知、更新和安全警报</view>
							<view class="list-item">提供客户支持和响应您的反馈</view>
							<view class="list-item">进行数据分析以改进用户体验</view>
							<view class="list-item">防止欺诈和确保服务安全</view>
						</view>
					</view>

					<view class="section">
						<view class="section-title">信息共享</view>
						<view class="paragraph">
							我们可能在以下情况下共享您的个人信息：
						</view>
						<view class="list">
							<view class="list-item">获得您的明确同意后</view>
							<view class="list-item">与我们的服务提供商和合作伙伴（仅为了提供服务所必需）</view>
							<view class="list-item">为遵守法律法规、法院命令或政府要求</view>
							<view class="list-item">在公司合并、收购或资产出售的情况下</view>
						</view>
					</view>

					<view class="section">
						<view class="section-title">数据安全</view>
						<view class="paragraph">
							我们采取适当的技术和组织措施来保护您的个人信息免受未经授权的访问、使用或披露：
						</view>
						<view class="list">
							<view class="list-item">使用加密技术保护数据传输和存储</view>
							<view class="list-item">实施访问控制机制限制员工对个人信息的访问</view>
							<view class="list-item">定期审查和更新我们的安全措施</view>
						</view>
					</view>

					<view class="section">
						<view class="section-title">您的权利</view>
						<view class="paragraph">
							根据适用的数据保护法律，您可能拥有以下权利：
						</view>
						<view class="list">
							<view class="list-item">访问您的个人信息</view>
							<view class="list-item">更正不准确的个人信息</view>
							<view class="list-item">删除您的个人信息</view>
							<view class="list-item">限制或反对我们处理您的个人信息</view>
							<view class="list-item">数据可携带性（以结构化格式获取您的数据）</view>
							<view class="list-item">撤回同意（不影响撤回前处理的合法性）</view>
						</view>
					</view>

					<view class="section">
						<view class="section-title">Cookie 和类似技术</view>
						<view class="paragraph">
							我们使用Cookie和类似技术来收集和存储有关您的设备和使用习惯的信息，以改善您的体验和服务质量。您可以通过浏览器设置管理Cookie偏好。
						</view>
					</view>

					<view class="section">
						<view class="section-title">隐私政策更新</view>
						<view class="paragraph">
							我们可能会定期更新本隐私政策以反映业务变化和法律要求。重大变更时，我们会通过合理方式通知您，如在我们的网站上发布更新或向您发送电子邮件。
						</view>
					</view>

					<view class="section">
						<view class="section-title">联系我们</view>
						<view class="paragraph">
							如您对本隐私政策有任何疑问或要求行使您的权利，请通过以下方式联系我们：
						</view>
						<view class="list">
							<view class="list-item">电子邮件：privacy@example.com</view>
							<view class="list-item">电话：400-XXX-XXXX</view>
							<view class="list-item">通信地址：中国XX省XX市XX区XX路XX号</view>
						</view>
					</view>
				</view>

				<!-- 用户协议内容 -->
				<view v-if="activeTab === 'terms'" class="content">
					<view class="title">用户协议</view>

					<view class="section">
						<view class="section-title">协议接受</view>
						<view class="paragraph">
							通过访问或使用我们的服务，您确认已阅读、理解并同意遵守本用户协议的所有条款和条件。如果您不同意本协议的任何部分，请勿使用我们的服务。
						</view>
					</view>

					<view class="section">
						<view class="section-title">服务描述</view>
						<view class="paragraph">
							我们提供的服务允许用户[描述您的服务功能]。我们保留随时修改、暂停或终止部分或全部服务的权利，恕不另行通知。
						</view>
					</view>

					<view class="section">
						<view class="section-title">用户账户</view>
						<view class="sub-section">
							<view class="sub-title">注册要求</view>
							<view class="list">
								<view class="list-item">您必须提供准确、完整和最新的个人信息</view>
								<view class="list-item">您必须保护账户安全，包括保密密码</view>
								<view class="list-item">您必须及时更新个人信息以确保其准确性</view>
								<view class="list-item">您不得将账户转让给任何其他人或实体</view>
							</view>
						</view>

						<view class="sub-section">
							<view class="sub-title">账户终止</view>
							<view class="paragraph">
								我们保留在以下情况下暂停或终止您账户的权利：
							</view>
							<view class="list">
								<view class="list-item">违反本协议的任何条款</view>
								<view class="list-item">长时间不活动</view>
								<view class="list-item">涉嫌欺诈或滥用行为</view>
								<view class="list-item">法律法规要求</view>
							</view>
						</view>
					</view>

					<view class="section">
						<view class="section-title">用户行为准则</view>
						<view class="paragraph">
							使用我们的服务时，您同意不会：
						</view>
						<view class="list">
							<view class="list-item">违反任何适用的法律法规</view>
							<view class="list-item">侵犯他人的知识产权或隐私权</view>
							<view class="list-item">发布虚假、误导性或欺诈性内容</view>
							<view class="list-item">骚扰、威胁或伤害他人</view>
							<view class="list-item">分发恶意软件或尝试破坏系统安全</view>
							<view class="list-item">未经授权访问任何系统或数据</view>
							<view class="list-item">从事任何可能损害我们服务的活动</view>
						</view>
					</view>

					<view class="section">
						<view class="section-title">内容政策</view>
						<view class="sub-section">
							<view class="sub-title">用户内容</view>
							<view class="paragraph">
								使用我们的服务时，您可能会提交、上传或分享内容（"用户内容"）。您保留对用户内容的所有权利，但授予我们非排他性、全球性、免版税的许可，允许我们使用、复制、修改、公开展示和分发该内容，以提供和改进我们的服务。
							</view>
						</view>

						<view class="sub-section">
							<view class="sub-title">禁止内容</view>
							<view class="paragraph">
								您不得提交、上传或分享：
							</view>
							<view class="list">
								<view class="list-item">侵犯他人知识产权的内容</view>
								<view class="list-item">色情、淫秽或冒犯性内容</view>
								<view class="list-item">煽动暴力或歧视的内容</view>
								<view class="list-item">虚假或误导性信息</view>
								<view class="list-item">广告或未经请求的商业信息（除非得到授权）</view>
								<view class="list-item">恶意软件或有害代码</view>
							</view>
						</view>
					</view>

					<view class="section">
						<view class="section-title">知识产权</view>
						<view class="paragraph">
							我们的服务、品牌、徽标、软件和内容受版权、商标和其他知识产权法律保护。本协议不授予您对这些资产的任何权利，除非明确规定。
						</view>
					</view>

					<view class="section">
						<view class="section-title">责任限制</view>
						<view class="paragraph">
							在法律允许的最大范围内，我们对因使用或无法使用我们的服务而导致的任何直接、间接、附带、特殊、后果性或惩罚性损害不承担责任。
						</view>
					</view>

					<view class="section">
						<view class="section-title">争议解决</view>
						<view class="paragraph">
							与本协议相关的任何争议应通过友好协商解决。如协商不成，双方同意将争议提交至服务所在地有管辖权的法院解决。
						</view>
					</view>

					<view class="section">
						<view class="section-title">适用法律</view>
						<view class="paragraph">
							本协议受中华人民共和国法律管辖并解释，不考虑法律冲突原则。
						</view>
					</view>

					<view class="section">
						<view class="section-title">协议变更</view>
						<view class="paragraph">
							我们保留随时修改本协议的权利。修改后的协议将在我们的网站上发布，并在发布时立即生效。继续使用我们的服务表示您接受修改后的条款。
						</view>
					</view>

					<view class="section">
						<view class="section-title">其他条款</view>
						<view class="list">
							<view class="list-item">
								<text class="bold">完整协议：</text>本协议构成您与我们之间关于服务使用的完整协议，取代之前的所有口头或书面协议。
							</view>
							<view class="list-item">
								<text class="bold">可分割性：</text>如本协议的任何条款被认定为无效或不可执行，其余条款仍然有效。
							</view>
							<view class="list-item">
								<text class="bold">权利放弃：</text>未能执行本协议的任何权利或条款不构成对该权利或任何其他权利的放弃。
							</view>
						</view>
					</view>

					<view class="section">
						<view class="section-title">联系方式</view>
						<view class="paragraph">
							如您对本用户协议有任何疑问，请通过以下方式联系我们：
						</view>
						<view class="list">
							<view class="list-item">电子邮件：terms@example.com</view>
							<view class="list-item">电话：400-XXX-XXXX</view>
							<view class="list-item">通信地址：中国XX省XX市XX区XX路XX号</view>
						</view>
					</view>
				</view>
			</scroll-view>
		</view>
	</view>

</template>

<script>
	import titleBar from '@/components/titleBar.vue'
	export default {
		components: {
			titleBar
		},
		data() {
			return {
				activeTab: 'privacy', // 'privacy' 或 'terms'
			}
		},
		methods: {
			handleAgree() {
				// 设置已同意的标志
				uni.setStorageSync('userAgreed', true);
				// 提示用户
				uni.showToast({
					title: '感谢您的同意',
					icon: 'success'
				});
				// 返回上一页或者跳转到主页
				setTimeout(() => {
					uni.navigateBack({
						delta: 1,
						fail: () => {
							uni.switchTab({
								url: '/pages/index/index'
							});
						}
					});
				}, 1500);
			}
		}
	}
</script>

<style>
	.container {
		display: flex;
		flex-direction: column;
		height: 100vh;
		background-color: #f8f8f8;
	}

	.tabs {
		display: flex;
		background-color: #ffffff;
		border-bottom: 1rpx solid #eeeeee;
		position: sticky;
		top: 0;
		z-index: 10;
	}

	.tab {
		flex: 1;
		text-align: center;
		height: 80rpx;
		line-height: 80rpx;
		font-size: 28rpx;
		color: #666666;
		position: relative;
	}

	.tab.active {
		font-weight: bold;
		color: #007aff;
	}

	.tab.active::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 25%;
		width: 50%;
		height: 4rpx;
		background-color: #007aff;
	}

	.content-scroll {
		flex: 1;
		padding: 20rpx;
	}

	.content {
		background-color: #ffffff;
		border-radius: 10rpx;
		padding: 30rpx;
		margin-bottom: 120rpx;
	}

	.title {
		font-size: 36rpx;
		font-weight: bold;
		text-align: center;
		margin-bottom: 40rpx;
		color: #333333;
	}

	.section {
		margin-bottom: 40rpx;
	}

	.section-title {
		font-size: 32rpx;
		font-weight: bold;
		margin-bottom: 20rpx;
		color: #333333;
	}

	.sub-section {
		margin-top: 20rpx;
		margin-bottom: 20rpx;
	}

	.sub-title {
		font-size: 28rpx;
		font-weight: bold;
		margin-bottom: 15rpx;
		color: #444444;
	}

	.paragraph {
		font-size: 26rpx;
		line-height: 1.5;
		color: #666666;
		margin-bottom: 15rpx;
	}

	.list {
		margin-left: 20rpx;
	}

	.list-item {
		font-size: 26rpx;
		line-height: 1.5;
		color: #666666;
		margin-bottom: 10rpx;
		position: relative;
		padding-left: 20rpx;
	}

	.list-item::before {
		content: '•';
		position: absolute;
		left: 0;
		color: #007aff;
	}

	.bold {
		font-weight: bold;
	}

	.footer {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 20rpx;
		background-color: #ffffff;
		box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05);
	}

	.btn-agree {
		background-color: #007aff;
		color: #ffffff;
		font-size: 30rpx;
		height: 80rpx;
		line-height: 80rpx;
		border-radius: 40rpx;
	}
</style>